import { Meta } from "@storybook/addon-docs/blocks";

<Meta title="Welcome" />

<br />

# Welcome 👋🏼

<br />

## VerskitUI Version 0.0.1 - Design system

<br />

<div className="!text-base !text-foreground max-w-xl [&>p]:text-foreground [&>p]:text-base">
  Here you can find the guidelines, components APIs and examples to help you build your next project with VerskitUI.
</div>

<div className="flex flex-col gap-8">
  <div className="flex flex-row justify-start items-center mt-8 gap-4">
    <a
      href="#"
      target="_blank"
    >
      Website
      <svg
        aria-hidden="true"
        className="ml-1"
        fill="none"
        height="1em"
        shapeRendering="geometricPrecision"
        stroke="currentColor"
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth="1.5"
        viewBox="0 0 24 24"
        width="1em"
      >
        <path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" />
        <path d="M15 3h6v6" />
        <path d="M10 14L21 3" />
      </svg>
    </a>
    <a
      href="#"
      target="_blank"
    >
      Github
      <svg
        aria-hidden="true"
        className="ml-1"
        fill="none"
        height="1em"
        shapeRendering="geometricPrecision"
        stroke="currentColor"
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth="1.5"
        viewBox="0 0 24 24"
        width="1em"
      >
        <path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" />
        <path d="M15 3h6v6" />
        <path d="M10 14L21 3" />
      </svg>
    </a>
    <a
      href="#"
      target="_blank"
    >
      Discord
      <svg
        aria-hidden="true"
        className="ml-1"
        fill="none"
        height="1em"
        shapeRendering="geometricPrecision"
        stroke="currentColor"
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth="1.5"
        viewBox="0 0 24 24"
        width="1em"
      >
        <path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" />
        <path d="M15 3h6v6" />
        <path d="M10 14L21 3" />
      </svg>
    </a>
  </div>

  <div className="flex items-center gap-2">

  </div>
</div>

<br />
